<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<title></title>
		<link rel="stylesheet" type="text/css" href="plugin/font-awesome-4.6.3/css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="plugin/bootstrap/css/bootstrap.min.css"/>
		
		<style type="text/css">
			footer{width: 100%;height: 55px;display: flex;line-height: 55px;color: #666;background: white;position: fixed;bottom: 0;z-index: 3;}
			footer a{display: block;width: 33.3%;padding-left: 27px;color: #333;}
			.footer_active{color: #FF2F2F;}
		</style>
		
	</head>
	<body>
		<footer>
			<a href="#" class="index footer_active">
				<i class="glyphicon glyphicon-home"></i>&nbsp;主页
			</a>
			<a href="#" class="ddan">
				<i class="fa fa-file-text-o"></i>&nbsp;订单
			</a>
			<a href="#" class="index">
				<i class="fa fa-user"></i>&nbsp;我的
			</a>
		</footer>
	</body>
</html>
